//这是入口文件index.js，区别于webpack4以前的版本，以前的版本是main.js,现在main.js是默认的出口文件。
import Vue from 'vue'
//导入根组件
import app from './app.vue'

//1,使用路由，要安装 cnpm i vue-router -S
//2,导入 vue-router 包
import  VueRouter from 'vue-router'
//3,将VueRouter安装到vue
Vue.use(VueRouter)
//导入自定义的router
import router from './router.js'

//导入axios
import axios from 'axios'
//挂载axios,在组件中即可使用this.$axios调用其功能了。
//并定义项目根路径，其余组件只要定义相对路径即可

Vue.prototype.$axios=axios
axios.defaults.baseURL = 'https://www.easy-mock.com/mock/5b5a60fcb14d03439fb7f313/vue-xiao'
//全局定义post提交的文件类型
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

//导入自定义的公共样式
import './index.css'

//导入bootstrap样式
import 'bootstrap/dist/css/bootstrap.css'
//导入MUI样式库和图标扩展样式
import  './lib/mui/dist/css/mui.css'
import  './lib/mui/dist/css/icons-extra.css'

//导入mintui 这是由饿了吗开源的一个基于vue的ui组件库
//1,安装 cnpm install mint-ui -S
//2,引入方式一：引入全部组件，挂载
import MintUI from 'mint-ui'
Vue.use(MintUI)
//3,引入方式二：按需引入Header和button,挂载组件
import 'mint-ui/lib/style.css'
// import { Header,Button,Swipe,SwipeItem,Lazyload} from 'mint-ui'
// Vue.component(Header.name, Header)
// Vue.component(Button.name, Button)
// Vue.component(Swipe.name, Swipe)
// Vue.component(SwipeItem.name, SwipeItem)
// Vue.use(Lazyload)//引入懒加载样式，这样还是看不到懒加载图标，全部引入，才可以看到图标

// 引入moment进行时间格式化
import moment from 'moment'
//定义全局时间过滤器，便于各个组件调用
Vue.filter('dateFormat',function(dataStr,pattern='YYYY-MM-DD HH:mm:ss'){
  return moment(dataStr).format(pattern) 
})

// 引入图片预览工具 制作缩略图
import VuePreview from 'vue-preview'
Vue.use(VuePreview)

//视频播放工具
import VideoPlayer from 'vue-video-player'
require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')
Vue.use(VideoPlayer)




// console.log('ok')
//定义根实例vm 挂载vue-components目录下的根组件--app.vue： render:c => c(app),
var vm=new Vue({
  el:'#appcontain',
  // render:function (createElements) {//这个createElements参数实际是一个方法
  //     return createElements(login)
  // },
  //简写render,用c取代createElements，再用es6的箭头函数
  render:c => c(app),
  router, //挂载路由
})

